<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<meta name="misapplication-tap-highlight" content="no"/>
		<meta name="HandheldFriendly" content="true"/>
		<meta name="MobileOptimized" content="320"/>
		<title>信息赛事详情</title>
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link rel="stylesheet" href="../css/base.css" />
		
		<style>
			.mui-content{
				background-color: #FFFFFF;
				overflow: scroll;
			}
			.float-button {
		         position: fixed;  //关键	         
		         width: 50px;
		         top: 20px;
		         left: 10px;	       
		         z-index: 2;         
		     }
		     .div1{
		     	width: 100%;
		     	height: 200px;
		        background-image: url(../img/banner.png);
		        background-size: 100% 100%;
				background-repeat: no-repeat;
		     }
		     .div2{
		     	width: 100%;
		     	padding-top: 80px;
		     }
		     .div4{
		     	width: 70px;
		     	float: right;
		     	
		     }
		     .div5{
		     	width: 70px;
		     	float: left;
		     	
		     }
		     .imgStyle{
		     	width: 70px;
		     	height: 70px;
		     }
		     .imgStyle2{
		     	width: 50px;
		     }
		     .imgStyle3{
		     	width: 100px;
		     }
		     .div6{
		     	color: #FFFFFF;
		     	text-align: center;
		     }
		     .div7{
		     	width: 100%;
		     	padding: 10px;
		     }
		     .div8{
		     	width: 100%;
		     
		     }
		     .div9{
		     	padding: 10px;
		     }
		     .magin-30{
		     	margin-top: 30px;
		     }
		</style>
	</head>
	<body>
		
		<div class="mui-content fill-all">
			<div class="div1">
				<div class="flex v-center div2">
					<div class="flex-2">
						<div class="div4">
							<img class="imgStyle" src="../img/head-01.png"/>
						    <div class="div6">
						    	福山钢琴
						    </div>
						</div>
					</div>
					<div class="flex-1 flex v-center h-center">
						<img class="imgStyle2" src="../img/icon-vs.png" />
					</div>
					<div class="flex-2">
						<div class="div5" >
							<img class="imgStyle" src="../img/head-01.png"/>
						    <div class="div6">
						    	福山钢琴
						    </div>
						</div>
					</div>
					
				</div>
			</div>
			
			
			<div class="div7">
				 <span class="black">
			    	哈哈呵呵哈哈YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅,YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅
			    </span>
			    <br />
			    <br />
				 <span class="gray">
			    	哈哈呵呵哈哈YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅,YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅
			    </span>
			    
			    <div class="flex v-center div8 magin-30">
					<div class="flex-1 flex v-center h-center">
						<div >
							<img class="imgStyle3" src="../img/bg-03.png"/>
						   <div class="div6" style="color: #000000;">
						    	YAMAHA
						    </div>
						</div>
					</div>
					<div class="flex-1 flex v-center h-center">
						<img  src="../img/icon-vs.png" />
					</div>
					<div class="flex-1 flex v-center h-center">
						<div >
							<img class="imgStyle3"  src="../img/bg-03.png"/>
						    <div class="div6" style="color: #000000;">
						    	YAMAHA
						    </div>
						</div>
					</div>
					
				</div>
				<br />
				 <span class="gray ">
			    	哈哈呵呵哈哈YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅,YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅YAHAMA 雅马哈的巅峰对决,决战紫荆城之巅
			    </span>
			    
			</div>
			
		</div>
		<div class="float-button"> 
         <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left white-color" ></a>
		     
		 
		 </div>
		
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script src="../js/local-keys.js"></script>
		<script>
			
			mui.init();
			
		</script>
	</body>
</html>
